<!DOCTYPE html>
<html>
	<head>
		<!-- meta 元信息 charset字符集 -->
		<meta charset="utf-8">
		<title></title>
		<!-- 样式表，美化页面 -->
		<style>
			body{
				font-size: 10px;	/* 全局字体大小 */
				width: 300px;		/* body宽度 */
			}
			.please{
				font-size: 26px;  /* 字体大小，px像素单位 1360*768 */
				font-weight: 50;
				/*class 使用. id使用#*/
			}
			.self{
				/*padding:修饰4周 上右下左（顺时针一圈4个）*/
				padding-left: 90px; /* 左移 */
				/*padding: 100px 0px 100px 50px ;*/
			}
			hr{
				/*solid:实线 dashed:虚线*/
				border: 1px dashed;		/* 线型：虚线 */
			}
			.note{
				/*padding-top:20px;上空
		          padding-bottom:15px;下空
		          */
				/*text-indent: 2.5em;			/* 缩进，em墨字 */
				padding-top: 20px;			/* 上空 */
				padding-bottom: 10px;*/	/* 下空 */
				margin-top:  ;
			}
			.qrimg{
				padding-left: 60px;
			}
		</style>
	</head>
	<body>
		<!-- div 会自动换行 span 不换行 实现页面的布局-->
		<div>顾客联</div>
		<div class="please">请您留意取餐账单号</div>
		<div class="self">自取顾客联</div>
		
		<div>永和大王（北三环西路店）</div>
		<div>010-12345678</div>
		
		
		<div class="self">--结账单--</div>
		<div class="please">账单号：P00999</div>
		<div>账单类型：堂食</div>
		<div>人数：1</div>
		<div>收银员：张静</div>
		
		<div>开单时间：2018-04-17 07:08:10</div>
		<div>结账时间：2018-04-17 07:08:15</div>
		
		<hr/>
		
		<table border="0">
			
			<tr>
				<td width="40" align="center">数量</td>
				<td width="200">品项</td>
				<td width="50" align="center">金额</td>
			</tr>
			<tr>
				<!-- br 换行  -->
				<td valign="top">1</td>
				<td>油条豆浆套餐 <br/>
						1 X -- 非矾油条<br/>
						1 X -- 现磨豆浆（热/甜）
				</td>
				<td valign="top" align="right">7.00</td>
			</tr>
		</table>
		
		<hr/>
		
		<table border="0">
			<tr>
				<td width="240">支付宝花呗一元早餐</td>
				<td width="50" align="right">-3.00</td>
			</tr>
			<tr>
				<td>合计</td>
				<td align="right">4.00</td>
			</tr>
			<tr>
				<td>支付宝</td>
				<td align="right">1.00</td>
			</tr>
			<tr>
				<td>支付宝补贴</td>
				<td align="right">3.00</td>
			</tr>
		</table>
		
		<hr/>
		<div>打印时间：2018-04-17 07:24:23</div>
		<hr/>
		
		<div class="note">根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。</div>
		
		<img class="qrimg" src="ht.jpg" width="200px"/>
		
		<div>官网：www.yonghe.com.cn</div>
		<div>加盟热线：86-21-12345678</div>
	</body>
</html>